<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>618 活动</title>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!-- TODO：待补充代码 -->
<div class="top">
    <div class="time"><img src="images/neirong.png" alt=""></div>
    <div class="top1">
        <div class="yh"><img src="images/title1.png" alt=""></div>
        <div class="list">
            <div><img src="images/quan1.png" alt=""></div>
            <div><img src="images/quan2.png" alt=""></div>
            <div><img src="images/quan3.png" alt=""></div>
            <div><img src="images/quan4.png" alt=""></div>
            <div><img src="images/quan5.png" alt=""></div>
        </div>
    </div>
</div>
<div class="bottom">
    <div class="bg">
        <div class="ban" style="position: relative;padding-top: 50px;">
            <div><img src="images/pic.png" alt="" style="float:left;margin-left: 62px;"></div>
            <div><img src="images/arrow.png" alt="" style="position: absolute;top: 135px;left: 379px;"></div>
            <div style="margin-left: 515px;">
                <div style="margin-bottom: 20px;">
                    <div style="float: left;"><img src="images/free.png" alt=""></div>
                    <div style="height: 50px;float: left;" class="sp1">小白必学</div>
                    <div style="height: 50px;" class="sp2">夯实基础：400+ 编程实验课</div>
                </div>
                <div style="margin-bottom: 20px;">
                    <div style="float: left;"><img src="images/free.png" alt=""></div>
                    <div style="height: 50px;float: left;" class="sp1">保研必备</div>
                    <div style="height: 50px;" class="sp2">备赛无忧：50+ 备赛精品课</div>
                </div>
                <div style="margin-bottom: 20px;">
                    <div style="float: left;"><img src="images/free.png" alt=""></div>
                    <div style="height: 50px;float: left;" class="sp1">实习就业</div>
                    <div style="height: 50px;" class="sp2">专项突破：7大热招岗位学习路径</div>
                </div>
                <div style="margin-bottom: 20px;">
                    <div style="float: left;"><img src="images/free.png" alt=""></div>
                    <div style="height: 50px;float: left;" class="sp1">职场新人</div>
                    <div style="height: 50px;" class="sp2">软技能提升：20讲简历面试指导课</div>
                </div>
                <div>
                    <div style="float: left;"><img src="images/free.png" alt=""></div>
                    <div style="height: 50px;float: left;" class="sp1">冲击高薪</div>
                    <div style="height: 50px;" class="sp2">职场提升：200+ 企业实战项目</div>
                </div>
            </div>
            <div style="margin-top: 24px;"><img src="images/coupon.png" alt=""></div>
        </div>
    </div>
</div>
</body>
</html>
